body, h1, h2, h3, p, dl, dd, ol, ul, th, td, form, fieldset, input, button, textarea {
    margin: 0;
    padding: 0;
}
ul,li{list-style: none;text-decoration: none;}
html {
    position: relative;
    word-wrap: break-word;
}
a, input, textarea {
    outline: 0 none;
    text-decoration: none;
}
h1, h2, h3 {
    font-size: 100%;
}
body{font-size: 20px;font-family: helvetica; background-color: #670007;}
.viewport{
   background-color: #670007;
   margin: 0 auto;
   overflow: hidden;
   position: relative;
    
}

@media only screen and (max-width:300px) {
	body {
		font-size: 8.33333px
	}

	.viewport {
		max-width: 300px
	}
}

@media only screen and (max-width:310px) and (min-width:300px) {
	body {
		font-size: 8.33333px
	}

	.viewport {
		max-width: 310px
	}
}

@media only screen and (max-width:320px) and (min-width:310px) {
	body {
		font-size: 8.61111px
	}

	.viewport {
		max-width: 320px
	}
}

@media only screen and (max-width:350px) and (min-width:320px) {
	body {
		font-size: 8.88889px
	}

	.viewport {
		max-width: 350px
	}
}

@media only screen and (max-width:360px) and (min-width:350px) {
	body {
		font-size: 9.72222px
	}

	.viewport {
		max-width: 360px
	}
}

@media only screen and (max-width:400px) and (min-width:360px) {
	body {
		font-size: 10px
	}

	.viewport {
		max-width: 400px
	}
}

@media only screen and (max-width:470px) and (min-width:400px) {
	body {
		font-size: 11.11111px
	}

	.viewport {
		max-width: 470px
	}
}

@media only screen and (max-width:480px) and (min-width:470px) {
	body {
		font-size: 13.05556px
	}

	.viewport {
		max-width: 480px
	}
}

@media only screen and (max-width:540px) and (min-width:480px) {
	body {
		font-size: 13.33333px
	}

	.viewport {
		max-width: 540px
	}
}

@media only screen and (max-width:560px) and (min-width:540px) {
	body {
		font-size: 15px
	}

	.viewport {
		max-width: 560px
	}
}

@media only screen and (max-width:570px) and (min-width:560px) {
	body {
		font-size: 15.55556px
	}

	.viewport {
		max-width: 570px
	}
}

@media only screen and (max-width:630px) and (min-width:570px) {
	body {
		font-size: 15.83333px
	}

	.viewport {
		max-width: 630px
	}
}

@media only screen and (max-width:640px) and (min-width:630px) {
	body {
		font-size: 17.5px
	}

	.viewport {
		max-width: 640px
	}
}

@media only screen and (max-width:710px) and (min-width:640px) {
	body {
		font-size: 17.77778px
	}

	.viewport {
		max-width: 710px
	}
}

@media only screen and (max-width:720px) and (min-width:710px) {
	body {
		font-size: 19.72222px
	}

	.viewport {
		max-width: 720px
	}
}

@media only screen and (min-width:720px) {
	body {
		font-size: 20px
	}

	.viewport {
		width: 720px
	}
}
